/* ANIMATION------------------------------ */


@keyframes grün {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(300deg);
    }
}

@keyframes vertikalin {
    from {
        transform: translateY(500px);
    }
    to {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes topIn {
    from {
        transform: translate(500px);
    }
    to {
        transform: translate(0px);
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes Illu {
    from {
        transform: translateX(500px);
    }
    to {
        transform: translateX(0px);
        opacity: 1;
    }
}

/* -------------------------------Szene------------- */
@keyframes bottomIn {
    from {
        transform: translateY(500px);
    }
    to {
        transform: translateY(0px);
        opacity: 1;
    }
}